#slidePrev, #slideNext,
.module2 .m2l label s,
.module2 .m2l dt a s,
.module2 .m2l dd a s,
.module5 li s,
.module5 .zx,
.module7 .honb .prev,
.module7 .honb .next,
.module8 .m8b .ablum .prev,
.module8 .m8b .ablum .next,
.module9 .news .nb dd .detail {background-image: url('images/publicSprite.png');}

/* banner */
.banner {height: 500px;}
.banner .wrap {position: relative;}
#slide {position: relative; z-index: 1; width: 1200px; height: 500px; overflow: hidden; z-index: 9; left: 50%; margin:auto;margin-left:-600px}
#slide a {display: block; height: 500px; webkit-transition: none; -o-transition: none; transition: none;}
.slidebtn {position: absolute; z-index: 20; left: 50%; bottom: 8px; height: 25px; opacity: 0; filter:alpha(opacity=0);}
#slidebtn {position: relative; z-index: 2; padding: 0 14px 0 7px; height: 25px;}
#slidebtn li {float: left; width: 17px; height: 17px; margin: 4px 0 0 7px; text-align: center; cursor: pointer; line-height: 17px; color: #fff; background: #5a5751; border-radius: 50%;}
#slidebtn .on {background: #ed6962;}
.slidebtn .bg {position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; background-color: #fff; border-radius: 10px; opacity: 0.8; filter:alpha(opacity=80);}
#slidePrev, #slideNext {display: none; position: absolute; z-index: 30; top: 50%; width: 31px; height: 52px; margin-top: -26px; opacity: 0.5; filter:alpha(opacity=50);}
#slidePrev {left: -28px; background-position: 0 -80px;}
#slideNext {right: -28px; background-position: -32px -80px;}
a:hover#slidePrev, a:hover#slideNext {opacity: 1; filter:alpha(opacity=100);}

/* module1 */
.module1 {margin-top: 22px; overflow: hidden;}
.module1 ul {width: 110%;}
.module1 li {float: left; width: 290px; margin-right: 13px; background-color: #f7f7f7; overflow: hidden;}
.module1 li a {padding-bottom: 15px;}
.module1 li a, .module1 li img {display: block;}
.module1 li .pic {width: 290px; height: 200px; overflow: hidden;}
.module1 li img {transition: all 2s ease-out 0s; transform: matrix(1, 0, 0, 1, 0, 0); width: 290px; height: 200px;}
.module1 li h3 {margin-top: 5px; text-align: center; line-height: 45px; font-size: 16px; color: #000;}
.module1 li p {padding: 0 25px; line-height: 1.8em; color: #999; font-size: 14px;}
.module1 li a:hover {background-color: #5db6ea; text-decoration: none;}
.module1 li a:hover h3, .module1 li a:hover p {color: #fff;}
.module1 li a:hover img {transform: matrix(1.1, 0, 0, 1.1, 0, 0);}

/* module2 */
.module2 {margin-top: 15px;}
.module2 .m2l {float: left; width: 285px;}
.module2 .m2l label {position: relative; display: block; height: 50px; line-height: 50px; color: #fff; padding-left: 60px; background-color: #5db6ea; font-size: 18px;}
.module2 .m2l label s {position: absolute; left: 25px; top: 50%; width: 22px; height: 19px; margin-top: -9px; background-position: -119px -7px;}
.module2 .m2l dt {height: 42px; line-height: 42px; background-color: #fabe00; font-size: 16px;}
.module2 .m2l dt a, .module2 .m2l dt a:hover {display: block; color: #fff;}
.module2 .m2l dt a {position: relative; padding: 0 10px 0 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.module2 .m2l dt a s {position: absolute; left: 28px; top: 50%; width: 8px; height: 11px; margin-top: -5px; background-position: -172px -7px;}
.module2 .m2l dd {padding: 11px 15px 11px 38px;}
.module2 .m2l dd a {position: relative; display: block; padding-left: 15px; font-size: 14px; color: #666; line-height: 25px;}
.module2 .m2l dd a s {position: absolute; left: 0; top: 50%; width: 4px; height: 8px; margin-top: -4px; background-position: -172px -20px;}
.module2 .m2l dd a:hover {color: #009aff;}

.module2 .m2r {position: relative; overflow: hidden; padding-left: 20px;}
.module2 .m2rt {height: 50px; background-color: #5db6ea; line-height: 50px;}
.module2 .m2rt ul, .module2 .m2rt li {float: left;}
.module2 .m2rt li a {display: block; position: relative; font-size: 16px; color: #fff; padding: 0 27px 0 24px; margin-right: -2px;}
.module2 .m2rt li a:hover, .module2 .m2rt li a.curr {color: #fff; text-decoration: none; background-color: #ffd653;}
.module2 .m2rt li a.curr {background-color: #fabe00;}
.module2 .m2rt li s {position: absolute; width: 1px; height: 30px; top: 10px; right: 0; background-color: #2a91cc; border-right: 1px solid #7bcbf8;}
.module2 .m2rt li a:hover s, .module2 .m2rt li a.curr s {display: none;}
.module2 .m2rt .more {float: right; color: #fff; font-size: 14px; margin-right: 15px;}
.module2 .m2rb {overflow: hidden;}
.module2 .m2rb ul {width: 110%; display: none;}
.module2 .m2rb li {float: left; width: 290px; height: 285px; margin: 15px 13px 0 0; overflow: hidden;}
.module2 .m2rb li a {display: block; width: 280px; height: 275px; padding: 5px; background-color: #f8f8f8;}
.module2 .m2rb li a .pic {width: 280px; height: 215px; overflow: hidden; margin-bottom: 10px;}
.module2 .m2rb li a img {display: block; transition: all 2s ease-out 0s; transform: matrix(1, 0, 0, 1, 0, 0); width: 280px; height: 215px;}
.module2 .m2rb li h3, .module2 .m2rb li p {padding: 0 15px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.8em;}
.module2 .m2rb li a:hover {background-color: #5db6ea; text-decoration: none;}
.module2 .m2rb li a:hover h3, .module2 .m2rb li a:hover p {color: #fff;}
.module2 .m2rb li a:hover img {transform: matrix(1.1, 0, 0, 1.1, 0, 0);}

/* module3 */
.module3 .m3t {height: 50px; background-color: #5db6ea; line-height: 50px;}
.module3 .m3t ul, .module3 .m3t li {float: left;}
.module3 .m3t li a {display: block; position: relative; font-size: 16px; color: #fff; padding: 0 30px 0 30px; margin-right: -2px;}
.module3 .m3t li a:hover, .module3 .m3t li a.curr {color: #fff; text-decoration: none; background-color: #ffd653;}
.module3 .m3t li a.curr {background-color: #fabe00;}
.module3 .m3t li s {position: absolute; width: 1px; height: 30px; top: 10px; right: 0; background-color: #2a91cc; border-right: 1px solid #7bcbf8;}
.module3 .m3t li a:hover s, .module3 .m3t li a.curr s {display: none;}
.module3 .m3t .more {float: right; color: #fff; font-size: 14px; background-color: #ff6266; padding: 0 16px;}
.module3 .m3b {margin-top: 20px;}
.module3 .m3b dl {display: none;}
.module3 .m3b dt {float: left; width: 500px; height: 350px; overflow: hidden;}
.module3 .m3b dt a, .module3 .m3b dt img {display: block; width: 500px; height: 350px;}
.module3 .m3b dd {position: relative; overflow: hidden; padding-left: 40px;}
.module3 .m3b dd h2 {padding: 20px 0; font-size: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.module3 .m3b dd p {font-size: 17px; color: #666; line-height: 2em;}
.module3 .m3b dd .detail {display: block; width: 84px; height: 30px; border: 1px solid #ff5256; background-color: #ff6568; color: #fff; border-radius: 3px; text-align: center; line-height: 30px; font-size: 14px; margin-top: 20px;}
.module3 .m3b dd a:hover.detail {background-color: #ff5256;}

/* module4 */
.module4 {padding: 20px 0;}
.module4 p {text-align: center;}
.module4 ul {width: 110%; margin-top: 40px;}
.module4 li {float: left; width: 233px; margin-right: 10px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.module4 li:hover {-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}
.module4 li img {display: block; -webkit-transition: all .5s linear; transition: all .5s linear;}
.module4 li:hover img {transform: rotateY(180deg);}
.module4 li p {text-align: left; padding: 5px 15px; line-height: 2em; font-size: 14px;}

/* module5 */
.module5 h3 {width: 500px; padding: 10px 0 7px; font-size: 18px; border-bottom: 1px solid #c4c4c4;}
.module5 ul {padding: 25px 0 10px;}
.module5 li {position: relative; /*height: 25px; */padding-left: 35px; margin-bottom: 12px; line-height: 25px; font-size: 16px; color: #999;}
.module5 li s {position: absolute; left: 0; top: 0; width: 25px; height: 25px; background-position: -144px -7px;}
.module5 .zx {display: block; width: 181px; height: 41px; text-align: center; line-height: 41px; font-size: 18px; color: #fff; background-position: 0 -39px;}

.module5.part1 {position: relative; z-index: 2; background: url('images/ys_01_bg.jpg') no-repeat bottom center; padding: 30px 0 70px;}
.module5.part1 .wrap {background: url('images/ys_01_pic.jpg') no-repeat right top;}

.module5.part2 {position: relative; z-index: 1; background: #f7f7f7 url('images/ys_02_bg.jpg') no-repeat bottom center; padding: 20px 0 60px; margin-top: -20px;}
.module5.part2 .wrap {width: 600px; height: 330px;padding-top: 30px; padding-left: 600px; background: url('images/ys_04_pic.png') no-repeat left top;}

.module5.part3 {background: url('images/ys_03_bg.jpg') no-repeat bottom center;}
.module5.part3 .wrap { height: 375px;background: url('images/ys_03_pic.jpg') no-repeat right top; padding-bottom: 35px;}

.module5.part4 {background: #f7f7f7 url('images/ys_04_bg.jpg') repeat-x bottom center; padding:0px 0 30px; margin-bottom: 20px;}
.module5.part4 .wrap {width:600px; /*width: 650px;*/ padding-left: 600px; background: url('images/ys_02_pic.jpg') no-repeat left top; padding-top: 20px;}

/* module6 */
.module6 .m6t {height: 50px; line-height: 50px; border-bottom: 1px solid #40bff5;}
.module6 .m6t h3 {float: left; height: 25px; padding-left: 15px; margin-top: 12px; line-height: 25px; font-size: 24px; color: #2690fe; border-left: 2px solid #fe8a23;}
.module6 .m6t a {float: right; font-size: 14px;}
.module6 .m6b {padding-top: 20px; overflow: hidden;}
.module6 .m6b .slide {height: 460px; overflow: hidden;}
.module6 .m6b .slide ul {width: 110%;}
.module6 .m6b .slide li {float: left; width: 280px; height: 220px; margin: 0 27px 20px 0;}
.module6 .m6b .slide a {position: relative; display: block; width: 280px; height: 220px; overflow: hidden;}
.module6 .m6b .slide a img {width: 280px; height: 220px; display: block; transition: all 2s ease-out 0s; transform: matrix(1, 0, 0, 1, 0, 0);}
.module6 .m6b .slide a:hover img {transform: matrix(1.1, 0, 0, 1.1, 0, 0);}
.module6 .m6b .info {position: absolute; left: 0; right: 0; bottom: 0; height: 40px; line-height: 40px;}
.module6 .m6b .info p {position: relative; z-index: 2; padding: 0 10px; font-size: 20px; color: #fff; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.module6 .m6b .info .bg {position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.5; filter:alpha(opacity=50);}
.module6 .m6b .operbtn {margin: -10px 0 25px; text-align: center;}
.module6 .m6b .operbtn li {display: inline-block; width: 10px; height: 10px; font-size: 0; text-indent: -9999em; margin-right: 5px; cursor: pointer; border-radius: 5px; background-color: #ccc;}
.module6 .m6b .operbtn li.on {background-color: #f60;}

/* module7 */
.module7 {background-color: #f7f7f7;}
.module7 .m7t {height: 35px; border-bottom: 1px solid #ddd; line-height: 35px;}
.module7 .m7t h3 {float: left; height: 33px; padding: 0 23px; background-color: #fff; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 3px solid #2690fe; border-bottom: 1px; font-size: 16px; line-height: 32px;}
.module7 .m7t .more {float: right; margin-right: 8px; color: #999;}

/* 客户分享 */
.module7 .fx {float: left; width: 895px;}
.module7 .fxb {padding-top: 30px;}
.module7 .fxb dl {margin-bottom: 30px;}
.module7 .fxb dt {float: left; width: 238px; height: 188px; border: 1px solid #ebebeb; overflow: hidden;}
.module7 .fxb dt a, .module7 .fxb dt img {display: block; width: 238px; height: 188px;}
.module7 .fxb dt img {transition: all 2s ease-out 0s; transform: matrix(1, 0, 0, 1, 0, 0);}
.module7 .fxb dt a:hover img {transform: matrix(1.1, 0, 0, 1.1, 0, 0);}
.module7 .fxb dd {position: relative; overflow: hidden; padding-left: 25px;}
.module7 .fxb dd h3 {padding: 5px 0; font-size: 20px;}
.module7 .fxb dd h3 a {color: #306fc7;}
.module7 .fxb dd small {display: block; font-size: 12px; color: #8a8a8a;}
.module7 .fxb dd p {padding: 15px 0; line-height: 1.8em; color: #666; font-size: 14px;}
.module7 .fxb dd .detail {display: block; width: 80px; height: 25px; line-height: 25px; text-align: center; color: #fff; background-color: #fe8a23; border-radius: 3px;}

/* 合作伙伴 */
.module7 .hb {float: right; width: 285px;}
.module7 .hbb {padding-top: 30px; overflow: hidden;}
.module7 .hbb ul {width: 110%;}
.module7 .hbb li {float: left; width: 132px; margin: 0 10px 10px 0;}
.module7 .hbb li a {display: block; text-align: center; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.module7 .hbb li a img {border: 1px solid #d9d9d9; display: block; width: 130px; height: 60px;}

/* 视频体验 */
.module7 .video {float: left; width: 580px;}
.module7 .video .vb {position: relative; width: 580px; height: 225px; margin: 25px 0;}
.module7 .video .vb .carousel-feature {position: absolute; padding-bottom: 23px; background: url('images/video_toolbar.jpg') no-repeat bottom center;}
.module7 .video .vb .carousel-feature a {display: block; position: relative;}
.module7 .video .vb .carousel-feature a img {width: 268px; height: 200px;}
.module7 .video .vb .carousel-feature a s {position: absolute; left: 50%; top: 50%; width: 34px; height: 34px; margin: -17px 0 0 -17px; background: url('images/play.png'); opacity: 0.6; filter:alpha(opacity=60);}
.module7 .video .vb .carousel-feature a i {position: absolute; left: 0; top: 0; right: 0; bottom: -23px; background: #fff; opacity: 0.5; filter:alpha(opacity=50);}
.module7 .video .vb .carousel-feature.curr a:hover s {opacity: 1; filter:alpha(opacity=100);}
.module7 .video .vb .carousel-feature.curr a i {display: none;}

/* 荣誉资质 */
.module7 .honor {float: right; width: 580px;}
.module7 .honb {position: relative; padding: 30px 60px 30px 70px; overflow: hidden;}
.module7 .honb ul {overflow: hidden; height: 200px;}
.module7 .honb li {float: left; width: 190px; height: 200px; margin: 0 15px;}
.module7 .honb li a {position: relative; display: block; width: 188px; height: 198px; border: 1px solid #ebebeb; text-align: center; background: #fff;}
.module7 .honb li a img {display: inline; z-index: 0; vertical-align: middle; max-width: 100%; max-height: 100%; -ms-interpolation-mode: bicubic;}
.module7 .honb li a s {display: inline-block; height: 100%; vertical-align: middle;}
.module7 .honb .prev, .module7 .honb .next {position: absolute; top: 50%; width: 20px; height: 39px; margin-top: -19px; font-size: 0; text-indent: -9999em;}
.module7 .honb .prev {background-position: -64px -86px; left: 20px;}
.module7 .honb .next {background-position: -85px -86px; right: 20px;}

/* module8 */
.module8 {margin-top: 15px;  margin-bottom: 10px}
.module8 .m8t {height: 50px; line-height: 50px; border-bottom: 1px solid #40bff5;}
.module8 .m8t h3 {float: left; height: 25px; padding-left: 15px; margin-top: 12px; line-height: 25px; font-size: 24px; color: #2690fe; border-left: 2px solid #fe8a23;}
.module8 .m8t a {float: right; font-size: 14px;}
.module8 .m8b {padding-top: 10px;}
.module8 .m8b dt {float: left; width: 550px; height: 400px; overflow: hidden;}
.module8 .m8b dt a, .module8 .m8b dt img {display: block; width: 550px; height: 400px;}
.module8 .m8b dd {position: relative; height: 400px; overflow: hidden; padding-left: 35px;}
.module8 .m8b dd h2 {padding: 10px 0; font-size: 24px;}
.module8 .m8b dd h2 a {color: #000;}
.module8 .m8b dd h2 a:hover {color: #009aff;}
.module8 .m8b dd p {font-size: 14px; color: #666; line-height: 2.1em;}
.module8 .m8b .ablum {position: absolute; left: 0; bottom: 0; padding: 0 30px 0 50px;}
.module8 .m8b .ablum ul {overflow: hidden; height: 140px;}
.module8 .m8b .ablum li {float: left; width: 166px; height: 140px; margin: 0 12px;}
.module8 .m8b .ablum li a {display: block; height: 140px; overflow: hidden;}
.module8 .m8b .ablum li a img {width: 166px; height: 140px; display: block; transition: all 2s ease-out 0s; transform: matrix(1, 0, 0, 1, 0, 0);}
.module8 .m8b .ablum li a:hover img {transform: matrix(1.1, 0, 0, 1.1, 0, 0);}
.module8 .m8b .ablum .prev, .module8 .m8b .ablum .next {position: absolute; top: 50%; width: 20px; height: 39px; margin-top: -19px; font-size: 0; text-indent: -9999em;}
.module8 .m8b .ablum .prev {background-position: -106px -86px; left: 25px;}
.module8 .m8b .ablum .next {background-position: -127px -86px; right: 5px;}

/* module9 */
.module9 {margin-top: 10px;}
.module9 .news {float: left; width: 895px;margin-top: 10px;}
.module9 .news .nt {height: 35px; border-bottom: 1px solid #ddd; line-height: 37px;}
.module9 .news .nt h3 {float: left; font-size: 16px; border-left: 1px solid transparent; border-right: 1px solid transparent;}
.module9 .news .nt h3.curr {height: 33px; background-color: #fff; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 3px solid #2690fe; border-bottom: 1px; line-height: 32px;}
.module9 .news .nt h3 a {display: block; padding: 0 23px; webkit-transition: none; -o-transition: none; transition: none;}
.module9 .news .nt .more {float: right; margin-right: 8px; color: #999;}
.module9 .news .nb {padding: 20px 0px 0 20px;}
.module9 .news .nl {display: none;}
.module9 .news .nb dt {float: left; width: 350px; height: 230px;}
.module9 .news .nb dt a {display: block; overflow: hidden; height: 230px;}
.module9 .news .nb dt img {width: 350px; height: 230px; display: block; transition: all 2s ease-out 0s; transform: matrix(1, 0, 0, 1, 0, 0);}
.module9 .news .nb dt a:hover img {transform: matrix(1.1, 0, 0, 1.1, 0, 0);}
.module9 .news .nb dd {position: relative; overflow: hidden; padding: 0 20px 0 35px;}
.module9 .news .nb dd h3 {padding: 10px 0; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.module9 .news .nb dd h3 a {color: #000;}
.module9 .news .nb dd h3 a:hover {color: #009aff;}
.module9 .news .nb dd p {line-height: 2em; font-size: 14px; color: #666;}
.module9 .news .nb dd .detail {display: block; width: 97px; height: 39px; margin-top: 5px; text-indent: 13px; line-height: 36px; color: #fff; font-size: 16px;}
.module9 .news .nb ul {padding-top: 30px;}
.module9 .news .nb li {position: relative; float: left; width: 50%; height: 22px; font-size: 14px; line-height: 22px; margin-bottom: 15px;}
.module9 .news .nb li a {display: block; max-width: 305px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.module9 .news .nb li a b {width: 20px; height: 20px; display: inline-block; margin-right: 8px; text-align: center; font-weight: 500; line-height: 20px; border: 1px solid #e5e5e5; font-size: 12px;}
.module9 .news .nb li.h a b {background-color: #5db6ea; border-color: #5db6ea; color: #fff;}
.module9 .news .nb li span {position: absolute; right: 30px; top: 0; color: #999; font-size: 12px;}

.module9 .qa {float: right; width: 285px;}
.module9 .qa .qt {height: 35px; border-bottom: 1px solid #ddd; line-height: 35px;}
.module9 .qa .qt h3 {float: left; font-size: 16px; height: 33px; padding: 0 23px; background-color: #fff; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 3px solid #2690fe; border-bottom: 1px; line-height: 32px;}
.module9 .qa .qt .more {float: right; margin-right: 8px; color: #999;}
.module9 .qa .qb {height: 435px;padding-top: 5px; font-size: 14px;overflow: hidden;}
.module9 .qa .qb li {height: 125px;padding-top: 20px;}
.module9 .qa .qb .q2 {margin-top: 15px;}
.module9 .qa .qb dt {float: left; width: 25px; height: 25px; text-align: center; line-height: 25px; margin-right: 15px; border-radius: 50%;}
.module9 .qa .qb .q1 dt {background-color: #ccf5cc; color: #36a803;}
.module9 .qa .qb .q2 dt {background-color: #ffe7d5; color: #ff5d40;}
.module9 .qa .qb dd {position: relative; overflow: hidden; height: 50px; color: #7c7c7c; line-height: 25px;}
.module9 .qa .qb .q2 dd {padding: 5px 10px; background-color: #ffe7d5; color: #333; border-radius: 5px;}